<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'Info3.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

 <style type="text/css"> 
	*{ margin:0; padding:0;}
	body { font:12px/1.5 Arial; color:#666; background:#fff;}
	ul,li{ list-style:none;}
	img{border:0 none;}
	/*---------------------------------------demo css--------------------------------------------*/
	.date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;}
	.date_selector{background:#fbfbfb;border: 1px solid #ccc;padding: 10px;margin:0;margin-top:-1px;position: absolute;z-index:100000;display:none;border-radius: 3px;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc; width:220px;}
	.date_selector_ieframe{position: absolute;z-index: 99999;display: none;}
	.date_selector .nav{width: 17.5em;}
	.date_selector .nav p{clear: none;}
	.date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}
	.date_selector .month_nav{float: left;width: 55%;}
	.date_selector .year_nav{float: right;width: 42%;margin-right: -8px;}
	.date_selector .month_name, .date_selector .year_name{font-weight: bold;line-height: 20px;}
	.date_selector .button{display: block;position: absolute;top: 0;width:18px;height:18px;line-height:16px;font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px;}
	.date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;}
	.date_selector .prev{left: 0;}
	.date_selector .next{right: 0;}
	.date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:220px;}
	.date_selector th, .date_selector td{width: 2.5em;height: 2em;padding: 0 !important;text-align: center !important;color: #666;font-weight: normal;}
	.date_selector th{font-size: 12px;}
	.date_selector td{border:1px solid #f1f1f1;line-height: 2em;text-align: center;white-space: nowrap;color:#5985c7;background: #fff;}
	.date_selector td.today{background: #eee;}
	.date_selector td.unselected_month{color: #ccc;}
	.date_selector td.selectable_day{cursor: pointer;}
	.date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;}
	.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#5985c7;color: #fff;}
	/*-----------------------------------------------------------------------------------*/
	</style> 
	<script type="text/javascript" src="http://www.js-css.cn/jscode/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.date_input.pack.js"></script> 
	</head>
  
  <body> 
  <script type="text/javascript">
      window.onload=function(){

	   var userName="xiaoming";
	
	} 
	$(function(){
		$('.date_picker').date_input();
		})
	</script>
  <form id="info2" name="info2" action="" method="post">
  <p class="MsoNormal"><span style="font-family: 宋体; font-size: 16pt;">按类别查看<br></span></p>
    商家：
  <select name="shopId">
 <% 
    Map shopM=(Map)request.getAttribute("shop");
    Iterator it3=shopM.keySet().iterator();
    %>
    <option value="-1" selected>全部</option>
    <% 
    while(it3.hasNext()){
    Object key=it3.next();
    %>
    <option value=<%=key%>><%=shopM.get(key)%></option>
    <%
    }
 %>
 </select>
    <p class="MsoNormal"><span style="font-family: 宋体; font-size: 16pt;"><input type="button" value="交易总次数:" onClick="orderCountByShop();"/>${orderCountByShop}</span></p><p class="MsoNormal"><span style="font-family: 宋体; font-size: 16pt;"><input type="button" value="交易总积分数:" onClick="creditCountByShop();"/>${creditCountByShop}</span><br>
</p><br><br>
日期选择:
<input  name="date" style="width:226px;background: #fefefe;border: 1px solid #bbb;font-size: 14px;color: #333;" type="text" class="date_picker"/>


<br><span style="font-family: 宋体; font-size: 16pt;"><input type="button" value="日交易积分数:" onClick="creditCountByShopAndDay();"/>${creditCountByShopAndDay}</span><span style="font-family: Calibri; font-size: 16pt;"><O:P></O:P></span><p class="MsoNormal"> 
<br><span style="font-family: 宋体; font-size: 16pt;"><input type="button" value="日交易次数:" onClick="orderCountByShopAndDay();"/>${orderCountByShopAndDay}</span>
<br><span style="font-family: 宋体; font-size: 16pt;"><input type="button" value="评价总得分:" onClick="starsumByShop();"/>${starsumByShop}</span></p>
<p><span style="font-family: 宋体; font-size: 16pt;"><input type="button" value="评价详情:" onClick="commentByShop();"/></span></p>
<% if(request.getAttribute("commentByShop")!=null)
   {
     List list=(List)request.getAttribute("commentByShop");
     for(int i=0;i<list.size();i++)
     {
       %>
                  评价<%=i%>:<%=list.get(i)%><br>
       <% 
      }
   }
   
%>
  </form>
   <script type="text/javascript">

        function orderCountByShop(){
            document.info2.action= "orderCountByShop";
            document.info2.submit();
       }
       function creditCountByShop(){
            document.info2.action= "creditCountByShop?shopid";
            document.info2.submit();
       }
       function creditCountByShopAndDay(){
            document.info2.action= "creditCountByShopAndDay";
            document.info2.submit();
       }
       function orderCountByShopAndDay(){
            document.info2.action= "orderCountByShopAndDay";
            document.info2.submit();
       }
       function starsumByShop(){
            document.info2.action= "starsumByShop";
            document.info2.submit();
       }
       function commentByShop(){
            document.info2.action= "commentByShop";
            document.info2.submit();
       }
    </script>
  </body>
</html>
